.single-view-container{
  display: flex;
  border-bottom:1px solid #e4e4e4;

}

.grid-container{
  height: 1300rpx;
  margin-bottom: 10px;

  .list-content-container{
    display: flex;
    flex-direction: row;
    padding: 19.5px 12.5px;
    border-bottom: solid 1rpx rgba(189, 189, 189, 0.3);
    justify-content: space-between;

    .content-container{
      display: flex;
      flex-direction: column;
      .name{
        font-size: 15px;
        font-weight: 300;
        line-height: 1;
        color: #000;
      }
      .date{
        font-size: 13px;
        font-weight: 300;
        line-height: 1;
        color: #afafaf;
        margin-top: 10px;
      }
    }

    .status-container{
      display: flex;
      flex-direction: row;
      align-items: center;

      .status{
        font-size: 14px;
        font-weight: 300;
        line-height: 1;
        color: #17af78;
        margin-right: 12px;
      }

      .image{
        width: 8px;
        height: 14px;
      }

      .red{
        color: #ff4824;
      }

      .green{
        color: #17af78;
      }
    }
  }

  .oper-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 190rpx;
    flex: 0 0 190rpx;
    position: relative;

    image{
      position:absolute;
      top:0;
      right:15px;
      width:65px;
      height:59px;
    }
  }

}


